<div id="api-test-layout" class="easyui-layout" style="width:100%;height:100%;">
    <div data-options="region:'north',title:'North',split:true" style="height:80px;padding: 5px;">
        <!-- 服务器地址 -->
        <input id="api-test-server-url" class="easyui-textbox" data-options="label:'服务器地址:'" style="width:300px">
        <a id="api-test-btn-version-back"></a>
    </div>
    <!-- 接口测试左侧树形列表 -->
    <div data-options="region:'west',title:'West',split:true" style="width:150px;">
        <ul id="api-test-module-tree"></ul>
    </div>
    <!-- 接口测试中部信息 -->
    <div data-options="region:'center'">
        <div style="float: left;width: 38%;height: 100%;">
            <!-- 接口详细信息 -->
            <div class="easyui-panel" title="接口详情" style="width:100%;padding:10px;">
                <form id="api-test-form">
                    <div style="margin-bottom:10px">
                        <input id="api-test-form-id" class="easyui-textbox" name="id" data-options="label:'接口ID:',editable:false" style="width:100%">
                    </div>
                    <div style="margin-bottom:10px">
                        <input id="api-test-form-content-type" class="easyui-textbox" name="contentType" data-options="label:'请求类型:',editable:false" style="width:100%">
                    </div>
                    <div style="margin-bottom:10px">
                        <input id="api-test-form-path" class="easyui-textbox" name="path" data-options="label:'请求路径:',editable:false" style="width:100%">
                    </div>
                    <div style="margin-bottom:10px">
                        <input id="api-test-form-method" class="easyui-textbox" name="method" data-options="label:'请求方法:',editable:false" style="width:100%">
                    </div>
                    <div style="margin-bottom:10px">
                        <input id="api-test-form-intro" class="easyui-textbox" name="intro" data-options="label:'接口说明:',editable:false" style="width:100%;height:40px">
                    </div>
                </form>
            </div>
            <!-- 请求参数信息(左侧) -->
            <div style="height: 60%">
                <table id="api-test-request-parameter-list"></table>
            </div>
        </div>
        <!-- 响应参数列表(右侧) -->
        <div style="float: right;width: 61%;height: 100%;">
            <table id="api-test-response-parameter-list"></table>
        </div>
        <!-- 导入JSON数据对话框 -->
        <div id="api-test-json-dialog" class="easyui-dialog" title="JSON导入" style="padding: 20px;" data-options="closed:true">
            <form id="api-test-json-form">
                <div style="margin-bottom:10px">
                    <input id="api-test-json-text" class="easyui-textbox" name="json" style="width:100%;height:320px">
                </div>
            </form>
        </div>
    </div>
</div>